@charset "utf-8";



/*reset-css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td  {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;} 
del,ins{text-decoration:none;}
li{list-style:none;}
ul{ list-style: none; }
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} /*重定义标题字体大小样式*/
a{text-decoration:none; color:inherit;}/*清除默认超链接样式*/
a:link { }
a:visited { }
a:hover { cursor: pointer;}
a:active { }
em ,i{font-style:normal; font-weight:normal;}

.slides{width:590px; height:332px; position:relative;}
.slide{position:relative;height:332px; float:left; width:58px;overflow:hidden;}
.img-container{width:58px; height:332px;text-align:center;overflow:hidden;}
.caption{position:absolute; width:345px;height:34px;left:0px; bottom:0px; z-index:5;background-color:rgba(0,0,0,0.6);color:#fff; font-weight:bold;}
.caption .title{height:34px;line-height:34px; font-size:14px; padding:0px 10px; width:38px; overflow:hidden;}
.caption .des{display:none;padding-left:10px;}
.slide.active{width:345px;}
.slide.active .img-container{width:345px;}
.slide.active .img-container .imgwrap{border-left:2px solid #FFFFFF;}
.slide.active .caption{position:absolute; width:345px;height:62px;left:0px; bottom:0px; z-index:5;background-color:rgba(0,0,0,0.25);color:#fff;}
.slide.active .caption .title{display:block; font-size:16px; color:blue;}
.slide.active .caption .des{display:block; font-size:16px;}